
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href="css/base.css" rel="stylesheet" type="text/css">

    <title>抗感染课堂首页</title>
</head>
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
    /*
     * test JQuery
     *
     * */

    /*alert(0);
     $('div').first().remove();
     $('div').first().html();
     $('<p>Hello</p>');
     $('<li class="new">new list item</li>');
     $('ul').append('<li>list item</li>');
     var person = new Person();
     var arrStr = ["a","b"];*/
    //滚动插件
    (function($){
        $.fn.extend({
            Scroll:function(opt,callback){
                //参数初始化
                if(!opt) var opt={};
                var _this=this.eq(0).find("ul:first");
                var        lineH=_this.find("li:first").height(), //获取行高
                        line=opt.line?parseInt(opt.line,10):parseInt(this.height()/lineH,10), //每次滚动的行数，默认为一屏，即父容器高度
                        speed=opt.speed?parseInt(opt.speed,10):500, //卷动速度，数值越大，速度越慢（毫秒）
                        timer=opt.timer?parseInt(opt.timer,10):3000; //滚动的时间间隔（毫秒）
                if(line==0) line=1;
                var upHeight=0-line*lineH;
                //滚动函数
                scrollUp=function(){
                    _this.animate({
                        marginTop:upHeight
                    },speed,function(){
                        for(i=1;i<=line;i++){
                            _this.find("li:first").appendTo(_this);
                        }
                        _this.css({marginTop:0});
                    });
                }
                //鼠标事件绑定
                _this.hover(function(){
                    clearInterval(timerID);
                },function(){
                    timerID=setInterval("scrollUp()",timer);
                }).mouseout();
            }
        })
    })(jQuery);

    $(document).ready(function(){
        $("#scrollDiv").Scroll({line:4,speed:3000,timer:1000});
    });

</script>
<style type="text/css" >
    /*.cmx{
        width:auto;

    }*/
</style>
<body style='overflow:scroll;overflow-x:hidden'>
<div class="topbg">
    <div class="topM">
        <div class="logo"></div>
        <div class="Menubg">
            <ul class="Menu">
                <li class="cur"><a href="index.html">推荐学习</a></li>
                <li><a href="course.html">全部课程</a></li>
                <li><a href="subscriber.html">订阅中心</a></li>
                <li><a href="membercenter.html">题库训练</a></li>
                <li><a href="membercenter.html">学生天地</a></li>
                <li><a href="testingsystem.html">个人中心</a></li>
            </ul>
        </div>
    </div>
</div>
